<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>HTML Video Player</title>
  <link rel="stylesheet" href="style.css">
</head>

<body>
<div class="player">
<video class="player_video viewer"  src="Shape of You.mp4"></video>
<div class="player_control">
<div class="process">
<div class="process_filled"></div>
</div>
<button class="player_button toggle" title="toggle Play">►</button>
<input type="range" class="volume" class="player_slider" min="0" max="1" step="0.05" value="1">
<input type="rate" class="player_slider" min="0.5" max="2" step="0.1" value="1">
<button data-skip="-10" class="player_button"><<10s</button>
<button data-skip="25" class="play_button">25s>></button>
</div>
</div>

<script src="scripts.js"></script>
</body>

</html>
